<template>
  <div>
    <ConditionSelect
      v-model="valueList"
      multiple
      :incompat="''"
      title="区域："
      :options="options"
      @conditionChange="conditionChange"
    />
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
import { ConditionSelect } from '..';

const options = [
  { value: '', label: '全部' },
  { value: '4', label: '广州' },
  { value: '8', label: '杭州' },
];

const valueList = ref<string[]>(['']);

const conditionChange = (values: string[], tarList: any[]) => {
  console.log(values);
  console.log(tarList);
};
</script>
